<template>
  <div>
    <!-- <h3>登录页面</h3> -->
    <div>
      <select name="" id="" v-model="type">
        <option value="">---请选择---</option>
        <option value="1">法师</option>
        <option value="2">打野</option>
      </select>
    </div>
    <hr />
    <div>账号：<input type="text" v-model="user.phone" /></div>
    <div>密码：<input type="text" v-model="user.password" /></div>
    <button @click="login">登录</button>
    <button @click="register">去注册</button>
    <!-- <router-link to="/index">大首页</router-link> -->
  </div>
</template>

<script>
import { reqLogin } from '../../http/http';

export default {
  data() {
    return {
      type: "", //角色
      user: {
        phone: "", //账号，
        password: "", //密码
      },
    };
  },
  methods: {
    login() {
      if (this.user.type === "") {
        alert("请选择角色");
        return;
      }
      reqLogin(this.user).then((res) => {
        if (res.data.code == 200) {
          // 储存用户信息
          localStorage.setItem("user", JSON.stringify(res.data.list));
          // 储存登录状态
          localStorage.setItem("isLogin", "true");
          // 储存用户角色
          localStorage.setItem("type", this.type);
          // 跳转页面
          this.$router.push("/index/home");
        } else {
          alert(res.data.msg);
        }
      });

      // if (this.user.name === "admin" && this.user.pass == "123") {
      //   // alert("登录成功")

      //   //存一个用户登录的标识,用来后面逻辑判断是否登录的标记，有isLogin,就是登录过了，没有的话就是没有登录
      //   localStorage.setItem("isLogin", "true");

      //   //存角色
      //   localStorage.setItem("type", this.user.type);

      //   this.$router.push("/index/home");
      // } else {
      //   alert("账号密码错误");
      // }
    },
    register() {
      this.$router.push("/register");
    },
  },
};
</script>

<style>
</style>